<!--
    特別推薦模塊，該模塊用於所有的二級導航欄對應的頁面中
-->

<template>
    <div style="width:670px;margin-top:10px;height:200px;float:left;">
        <div style="width:100%;height:24px;margin-top:0px;margin-bottom:10px;">
            <h4 style="font-size: 24px;line-height: 24px;font-weight: 400;float:left;color: #222;">編輯精選</h4>
        </div>

        <template v-show="res.length>0" v-for="item in videoInfoList">
            <div style="width:calc(25% - 10px);height:80px;float:left;margin:10px 10px 10px 0px" v-bind:key="item.videoId">
                <showHoverMaskWithOutCharacters :video-info="item"></showHoverMaskWithOutCharacters>
            </div>
        </template>
    </div>
</template>

<script>

    import showHoverMaskWithOutCharacters from "@/components/showHoverMaskWithOutCharacters";

    export default {
        name: "specialRecommendation",
        components:{
            showHoverMaskWithOutCharacters
        },
        props:{
            fenquIndex:{
                type:Number
            }
        },
        data(){
            return{
                videoInfoList:[]
            }
        },
        mounted() {
            var self = this;
            var form = new Object();


            if(self.fenquIndex===1){
                form.fenquParent = "01";
            }

            if(self.fenquIndex===2){
                form.fenquParent = "02";
            }

            if(self.fenquIndex===3){
                form.fenquParent = "03";
            }

            if(self.fenquIndex===4){
                form.fenquParent = "04";
            }

            if(self.fenquIndex===5){
                form.fenquParent = "05";
            }

            if(self.fenquIndex===6){
                form.fenquParent = "06";
            }

            if(self.fenquIndex===7){
                form.fenquParent = "07";
            }

            if(self.fenquIndex===8){
                form.fenquParent = "08";
            }

            if(self.fenquIndex===9){
                form.fenquParent = "09";
            }

            if(self.fenquIndex===10){
                form.fenquParent = "10";
            }

            debugger;

            self.$api.get('video-service/videoController/getJingxuanTop4Video',form, result => {
                self.videoInfoList = result;
            });
        }
    }
</script>

<style scoped>

</style>
